<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // ES5
        // var a = 12;
        // console.log(a);

        // ES6
        // let 是用來代替 var 的
        // let a = 66;
        // let 用来声明变量
        // console.log(a);


        // var 和let 的区别

        //1. 存储位置
        // // 默认将 变量 保存到window对象上
        // var a = 12;
        // console.log(window.a); //12

        // // let 不会将 变量 存到 window对象上
        // let b =666;
        // console.log(window.b) //undefined

        //2. 作用域区别
        // var a =12;
        // function fn(){
        //     a=666;
        // }
        // fn()
        // console.log(a);

        // var
        // for(var i =0 ;i<3;i++){
        //     console.log(i);
        // }
        // console.log("外面",i);

        // //let 
        // for(let j =0 ;j<3;j++){
        //     console.log(j);
        // }

        // // 获取不到Uncaught ReferenceError: j is not defined
        // console.log("外面",j);

        // 作用域：let以 {} 为作用域 = 【块级作用域】
        // var 可以以 function 为作用域

        if(true){
            var n = 666;
        }

        console.log(n);

        if(true){
            let m = 888;
            console.log("内部的",m);
        }

        console.log(m);



    </script>
</body>
</html>